
<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
      <a lay-href="">主页</a>
      <a><cite>资金账户流水</cite></a>
    </div>
  </div>
  
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
          <li class="layui-this">资金账户流水</li>
        </ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <div class="layui-row">
              <div class="layui-form" style="float:right;">
                <div class="layui-form-item" style="margin:0;">
                  <div class="layui-input-inline">
                    <input type="text" name="id" id="id" placeholder="流水ID" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <input type="text" name="mchId" id="mchId" placeholder="商户ID" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-input-inline">
                    <select name="fundDirection" id="fundDirection" lay-search="">
                      <option value="">资金变动方向</option>
                      <option value="1">加款</option>
                      <option value="2">减款</option>
                    </select>
                  </div>
                  <button id="search" class="layui-btn" data-type="reload">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                  </button>
                </div>
              </div>
            </div>
            <div class="layui-row">
              <div class="layuiAdmin-btns" style="margin-bottom: 10px;">
  
              </div>
            </div>
            <table id="zjdataAll" lay-filter="zjdataAll"></table>
          </div>
  
        </div>
      </div>
    </div>
  </div>
  
  <script type="text/html" id="payBa">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  </script>
  
  <script>
    layui.use(['admin', 'table', 'util','form'], function(){
      var $ = layui.$
        ,admin = layui.admin
        ,table = layui.table
        ,element = layui.element
          ,view =layui.view ,
          layer =layui.layer
        ,form = layui.form;
  
      element.render('breadcrumb', 'breadcrumb');

        var tplStatus = function(d){
            if(d.fundDirection == 1) {
                return "<span class='layui-btn layui-btn-xs'>加款</span>";
            }
            return "<span class='layui-btn layui-btn-xs layui-btn-disabled'>减款</span>";
        };
  
      //商户列表
      table.render({
        elem: '#zjdataAll'
        ,url: layui.setter.baseUrl + '/account/history_list' //列表接口
        ,where: {
            access_token: layui.data(layui.setter.tableName).access_token
        }
        ,id: 'tableReload'
        ,page: true
        ,cols: [[
          {type: 'checkbox', fixed: 'left'}
          ,{field: 'id', title: '流水ID'}
          ,{field: 'mchId', title: '商户ID'}
          ,{field: 'amount', title: '金额', templet: '<div>{{ d.amount/100 }}</div>'}
          ,{field: 'balance', title: '账户余额', templet: '<div>{{ d.balance/100 }}</div>'}
          ,{field: 'isCompleteSett', title: '是否完成结算', templet: '<div>{{ d.isCompleteSett ==1?"已完成":"未完成" }}</div>'}
          ,{field: 'fundDirection', title: '状态', templet:tplStatus}
          ,{field: 'createTime', title: '创建时间', width: 200, templet: '<div>{{ layui.util.toDateString(d.createTime, "yyyy-MM-dd HH:mm:ss") }}</div>'}
          ,{field: 'edit', title: '操作', toolbar: '#payBa' }
        ]]
        ,skin: 'line'
      });
  
      //监听工具条
      table.on('tool(zjdataAll)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
            var id =data.id;
            admin.req({
                type: 'get',
                url: layui.setter.baseUrl + '/account/history_get',
                data: {
                    id : id
                },
                error: function(err){
                    layer.alert(JSON.stringify(err.field), {
                        title: '错误提示'
                    })
                },
                success: function(res){
                    if(res.code == 0){
                        data=res.data;
                        admin.popup({
                            title: '查看账户'
                            , area: ['730px', '515px']
                            , id: 'LAY-popup-content-detail'
                            , success: function (layero, index) {
                                view(this.id).render('merchant/history/detail').done(function () {
                                    form.render(null, 'layuiadmin-app-form-list');

                                    var body =layer.getChildFrame('body',index);
                                    body.find('#email').val(data.email);
                                    form.val("layuiadmin-app-form-list",{

                                        "mchId":data.mchId,
                                        "name":data.name,
                                        "id" :data.id,
                                    "fundDirection":data.fundDirection==1?"加款":"减款"

                                    })
                                    $('#amount').val(res.data.amount/100);
                                    $('#balance').val(res.data.balance/100);
                                    $('#isAllowSett').val(res.data.isAllowSett ==1?"允许":"不允许");
                                    $('#isCompleteSett').val(res.data.isCompleteSett ==1?"已完成":"未完成");
                                    $('#orderId').val(res.data.orderId);
                                    $('#channelOrderNo').val(res.data.channelOrderNo);
                                    $('#bizType').val(res.data.bizType ==1?"消费":"");
                                    $('#riskDay').val(res.data.riskDay);
                                    if(res.data.createTime != "" && res.data.createTime != null) {
                                        $('#createTime').val(layui.util.toDateString(res.data.createTime));
                                    }
                                    if(res.data.updateTime != "" && res.data.updateTime != null) {
                                        $('#updateTime').val(layui.util.toDateString(res.data.updateTime));
                                    }
                                    form.render();
                                });
                            }
                        });

                    }else{
                        layer.alert({title:'请求成功，但是获取数据失败'});
                    }
                }
            })
        } 
      });
  
      // 搜索
      var $ = layui.$, active = {
        reload: function(){
          var lsid = $('#id').val();
          var mchId = $('#mchId').val();
          var fundDirection = $("#fundDirection").val();
          //执行重载
          table.reload('tableReload', {
            page: {
              curr: 1 //重新从第 1 页开始
            }
            ,where: {
                id: lsid,
              mchId: mchId,
              fundDirection : fundDirection
            }
          });
        }
      };
      $('#search').on('click', function() {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });
  
      // 渲染表单
      form.render();
    });
  </script>